*{margin: 0;padding: 0;}
body {font: 12px/1.5 'Helvetica Neue','Lucida Grande','Microsoft YaHei',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;color: #44474e;word-break: break-all;word-wrap: break-word;
    background-color: #efefef;}
.header{background-color: #f3f6fb;height: 30px;}
.nav{height: 70px;background-color: #22262a;}
#bodyer{min-height: 632px;padding-top: 20px;}
a{color: #44474e;}
a:focus,a:active,a:hover{outline: none;text-decoration: none;}
form, ol, ul { margin: 0;padding: 0;}
ul li{list-style:none}
li{list-style-type:none;}
textarea,button,input{outline: none;}
p{margin: 0px;}
.ellipsis{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-break: normal;word-wrap: normal;}
body .container{width: 1080px;padding: 0;}
.public-icon{background: url("../img/lol-public.png") no-repeat center;}
.vp-logo{width: 291px;height: 34px;background-position: 0 0;margin-top: 18px;}
.lol-nav{margin-left: 79px;width: 710px;display: table;table-layout: fixed;}
.lol-nav li{display: table-cell;text-align: center;}
.lol-nav li.first{text-align: left;width: 80px;}
.lol-nav li.last{text-align: right;width: 80px;}
.lol-nav li a{display: inline-block;border-top: 5px solid transparent;color: #b5bdce;font-size: 16px;padding: 18px 0;}
.lol-nav li.active a{border-top: 5px solid #16b2ce;color: #16b2ce;}
.lol-nav li:hover a{color: #16b2ce;}
#footer .container{padding: 20px 0;border-top: 2px solid #00b0cc;margin-top: 20px;}
.vpgame-logo{width: 120px;border-right: 1px solid #d2e6ea;}
.vpgame-logo i{display: inline-block;background: url("../img/lol-public.png") no-repeat center;width: 100px;height: 59px;margin: 32px 0;background-position: 0 -40px;}
.about-vpgame{margin-left: 20px;}
.about-vpgame li{margin-top: 10px;}
.about-vpgame li:first-child{margin-top: 0;}
.copyright{font-size: 14px;color: #687580;margin-left: 40px;width: 820px;}
i.copyright-tel{display: inline-block;font-size: 18px;margin-right: 20px;background: none;}
.reserved{margin-top: 12px;}
.powered{margin-left: 20px;}
.friendly-link-content{margin-top: 12px;font-size: 12px;}
.friendly-link-content a{display: inline-block;padding: 0 12px;border-right: 1px solid #ababbd;color: #ababbd;}
.friendly-link-content a:first-child{padding-left: 0;}
.friendly-link-content a:last-child{border: none;padding-left: 0;}
.user-menu{margin: 3px 5px;}
.public-user-leavel{margin-top: 9px;}
.info-box{margin: 6px;}
.language{margin-top: 4px;}
.info-box i{width: 16px;height: 11px;background: url("../img/lol-public.png") no-repeat center;background-position: -112px -40px;}



.text-white{color: #ffffff;}
.text-blue{color: #14b9d6;}














.country-icon{display: inline-block;vertical-align: middle;width:16px;height: 11px;background-image:url("../img/country.png");background-repeat: no-repeat;opacity: .5;filter:alpha(opacity=50);}
.country-icon.active{opacity: 1;filter:alpha(opacity=100);}
.country-icon.country-gb{background-position: -1px -1px;}
.country-icon.country-cn{background-position: -18px -1px;}
.country-icon.country-ru{background-position: -35px -1px;}

*[class*="level-"]{display: inline-block;width:29px;height: 11px;background-image: url("../img/public-level.png");background-repeat: no-repeat;font-size:0; }
.level-1{background-position:  0 0;}
.level-2{background-position:  -39px 0;}
.level-3{background-position:  -78px 0;}
.level-4{background-position:  -117px 0;}
.level-5{background-position:  -156px 0;}
.level-6{background-position:  -195px 0;}
.level-7{background-position:  -234px 0;}
.level-8{background-position:  -273px 0;}
.level-9{background-position:  -312px 0;}
.level-10{width:33px;background-position:  -351px 0;}
.level-11{width:33px;background-position:  0px -21px;}
.level-12{width:33px;background-position:  -43px -21px;}
.level-13{width:33px;background-position:  -86px -21px;}
.level-14{width:33px;background-position:  -129px -21px;}
.level-15{width:33px;background-position:  -172px -21px;}
.level-16{width:33px;background-position:  -215px -21px;}
.level-17{width:33px;background-position:  -258px -21px;}
.level-18{width:33px;background-position:  -301px -21px;}
.level-19{width:33px;background-position:  -344px -21px;}
.level-20{width:35px;background-position:  -387px -21px;}
.level-21{width:35px;background-position:  0px -42px;}
.level-22{width:35px;background-position:  -45px -42px;}
.level-23{width:35px;background-position:  -90px -42px;}
.level-24{width:35px;background-position:  -135px -42px;}
.level-25{width:35px;background-position:  -180px -42px;}
.level-26{width:35px;background-position:  -225px -42px;}
.level-27{width:35px;background-position:  -270px -42px;}
.level-28{width:35px;background-position:  -315px -42px;}
.level-29{width:35px;background-position:  -360px -42px;}
.level-30{width:35px;background-position:  -405px -42px;}
.level-31{width:35px;background-position:  0px -63px;}
.level-32{width:35px;background-position:  -45px -63px;}
.level-33{width:35px;background-position:  -90px -63px;}
.level-34{width:35px;background-position: -135px -63px;}
.level-35{width:35px;background-position: -180px -63px;}
.level-36{width:35px;background-position: -225px -63px;}
.level-37{width:35px;background-position: -270px -63px;}
.level-38{width:35px;background-position: -315px -63px;}
.level-39{width:35px;background-position: -360px -63px;}
.level-40{width:35px;background-position: -405px -63px;}
.level-41{width:35px;background-position: 0 -84px;}
.level-42{width:35px;background-position: -45px -84px;}
.level-43{width:35px;background-position: -90px -84px;}
.level-44{width:35px;background-position: -135px -84px;}
.level-45{width:35px;background-position: -180px -84px;}
.level-46{width:35px;background-position: -225px -84px;}
.level-47{width:35px;background-position: -270px -84px;}
.level-48{width:35px;background-position: -315px -84px;}
.level-49{width:35px;background-position: -360px -84px;}
.level-50{width:35px;background-position: -405px -84px;}
.level-51{width:35px;background-position: 0 -105px;}
.level-52{width:35px;background-position: -45px -105px;}
.level-53{width:35px;background-position: -90px -105px;}
.level-54{width:35px;background-position: -135px -105px;}
.level-55{width:35px;background-position: -180px -105px;}
.level-56{width:35px;background-position: -225px -105px;}
.level-57{width:35px;background-position: -270px -105px;}
.level-58{width:35px;background-position: -315px -105px;}
.level-59{width:35px;background-position: -360px -105px;}
.level-60{width:35px;background-position: -405px -105px;}
.level-61{width:35px;background-position: 0 -126px;}
.level-62{width:35px;background-position: -45px -126px;}
.level-63{width:35px;background-position: -90px -126px;}
.level-64{width:35px;background-position: -135px -126px;}
.level-65{width:35px;background-position: -180px -126px;}
.level-66{width:35px;background-position: -225px -126px;}
.level-67{width:35px;background-position: -270px -126px;}
.level-68{width:35px;background-position: -315px -126px;}
.level-69{width:35px;background-position: -360px -126px;}
.level-70{width:35px;background-position: -405px -126px;}
.level-71{width:35px;background-position: 0 -147px;}
.level-72{width:35px;background-position: -45px -147px;}
.level-73{width:35px;background-position: -90px -147px;}
.level-74{width:35px;background-position: -135px -147px;}
.level-75{width:35px;background-position: -180px -147px;}
.level-76{width:35px;background-position: -225px -147px;}
.level-77{width:35px;background-position: -270px -147px;}
.level-78{width:35px;background-position: -315px -147px;}
.level-79{width:35px;background-position: -360px -147px;}
.level-80{width:35px;background-position: -405px -147px;}
.level-81{width:35px;background-position: 0 -168px;}
.level-82{width:35px;background-position: -45px -168px;}
.level-83{width:35px;background-position: -90px -168px;}
.level-84{width:35px;background-position: -135px -168px;}
.level-85{width:35px;background-position: -180px -168px;}
.level-86{width:35px;background-position: -225px -168px;}
.level-87{width:35px;background-position: -270px -168px;}
.level-88{width:35px;background-position: -315px -168px;}
.level-89{width:35px;background-position: -360px -168px;}
.level-90{width:35px;background-position: -405px -168px;}
.level-91{width:35px;background-position: 0 -189px;}
.level-92{width:35px;background-position: -45px -189px;}
.level-93{width:35px;background-position: -90px -189px;}
.level-94{width:35px;background-position: -135px -189px;}
.level-95{width:35px;background-position: -180px -189px;}
.level-96{width:35px;background-position: -225px -189px;}
.level-97{width:35px;background-position: -270px -189px;}
.level-98{width:35px;background-position: -315px -189px;}
.level-99{width:35px;background-position: -360px -189px;}
.level-100{width:37px;background-position: -405px -189px;}





